<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link href="command/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" rel="stylesheet" />
		<link href="command/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
		<script src="command/jquery-3.4.0.min.js"></script>
		<script src="command/Bootstrap/bootstrap-3.3.0/js/bootstrap.min.js"></script>
		<script src="command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="command/bower_components/moment/min/moment.min.js"></script>
		<script src="command/bower_components/moment/min/locales.min.js"></script>
		<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
		<script>
			$(document).ready(function() {
				$("#firstpaneDiv .menu_nva:eq(0)").show();
				$("#firstpaneDiv h3.menu_head").click(function() {
					$(this).addClass("current").next("div.menu_nva").slideToggle(200).siblings("div.menu_nva").slideUp("slow");
					$(this).siblings().removeClass("current");
				});
				$("#secondpane .menu_nva:eq(0)").show();
				$("#secondpane h3.menu_head").mouseover(function() {
					$(this).addClass("current").next("div.menu_nva").slideDown(400).siblings("div.menu_nva").slideUp("slow");
					$(this).siblings().removeClass("current");
				});
			});
		</script>
		<link rel="stylesheet" type="text/css" href="css/zhuye.css">
		<!-- json来解析导航 -->
		<script type="application/javascript">
			$(function() {
				$.getJSON("json/menuList.json", function(date) {
					console.log(date);
					$("#treeMain").treeview({
						data: date,
						onNodeSelected: function(even, data) {}
					});
				})
			})
		</script>
	</head>
	<body class="container-fluid" style="background-color: #cde6c7; padding-left: 15em;overflow:hidden">
		<div class="container">
			<!-- 头部（开始） -->
			<div class="row">
				<div class="col-md-10">
					<h1 class="title01">合同管理
						<div class="divusername" style="float: right;">
							<b style="font-size: 15px;">欢迎!</b>&nbsp;&nbsp;<span id="spanusername" class="" style="font-size: 15px;"><a href="#">admin</a></span>
							<button class="btn btn-danger">
								<span class="glyphicon glyphicon-off"><a href="cdenglu.html">退出</a></span>
							</button>
						</div>
					</h1>
				</div>
			</div>
			<!-- 头部（结束） -->
			<!-- 中间（开始） -->
			<div class="row">
				<div class="col-md-10" style="background-color: #a3cf62;height:0px; padding-bottom:100%">
					<div class="row">
						<div class="col-md-2" style="background-color: #78a355;height: 800px;">
							<!-- 导航（开始） -->
							<div id="firstpaneDiv" class="menu_list">
								<h3 class="menu_head current">合同管理</h3>
								<div style="display: none" class="menu_nva">
									<ul class="list-group">
										<li class="list-group-item" style="background-color: #cde6c7;border: 0px;">
											<a href="htfl.html" target="pageFrame">合同分类</a>
										</li>
										<li class="list-group-item" style="background-color: #cde6c7;border: 0px;">
											<a href="htlb.html" target="pageFrame">合同列表</a>
										</li>
										<li class="list-group-item" style="background-color: #cde6c7;border: 0px;">
											<a href="htzd.html" target="pageFrame">合同重点</a>
										</li>
									</ul>
								</div>
							</div>
							<!-- 导航（结束） -->
						</div>
						<!-- 工作区（开始） -->
						<div class="col-md-10">
							<!-- 界面路径显示（开始） -->
							<div class="row">
								<div class="col-md-12">
									<ol class="breadcrumb">
										<li><a href="czhuye.html">首页</a></li>
									</ol>
								</div>
							</div>
							<!-- 界面路径显示（结束） -->
							<!-- 利用框架切换不同的界面内容（开始） -->
							<div class="embed-responsive embed-responsive-16by9">
								<iframe name="pageFrame" id="pageFrame" class="embed-responsive-item"></iframe>
							</div>
							<!-- 利用框架切换不同的界面内容（结束） -->
						</div>
						<!-- 工作区（结束） -->
						</div>
					</div>
				</div>
				<!-- 中间（结束） -->
			</div>
		</div>
	</body>
</html>
